<style scoped>

</style>
<template>
    <nav class="navbar-default navbar-static-side" role="navigation">
      <div class="sidebar-collapse">
          <ul class="nav" id="side-menu">
              <li class="nav-header">
                  <div class="dropdown profile-element"> <span>
                           </span>
                      <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                          <span class="clear"> <span class="block m-t-xs"> <strong class="font-bold">David Williams</strong>
                           </span>  </span> </a>
                  </div>
                  <div class="logo-element">
                      IN+
                  </div>
              </li>
              <li>
                  <a href="index.html"><i class="fa fa-th-large"></i> <span class="nav-label">Dashboards</span> <span class="fa arrow"></span></a>
                  <ul class="nav nav-second-level">
                      <li ><a href="index.html">Dashboard v.1</a></li>
                      <li ><a href="dashboard_2.html">Dashboard v.2</a></li>
                      <li ><a href="dashboard_3.html">Dashboard v.3</a></li>
                      <li ><a href="dashboard_4_1.html">Dashboard v.4</a></li>
                  </ul>
              </li>
              <li>
                  <a href="#"><i class="fa fa-bar-chart-o"></i> <span class="nav-label">Graphs</span><span class="fa arrow"></span></a>
                  <ul class="nav nav-second-level">
                      <li><a href="graph_flot.html">Flot Charts</a></li>
                      <li><a href="graph_morris.html">Morris.js Charts</a></li>
                      <li><a href="graph_rickshaw.html">Rickshaw Charts</a></li>
                      <li><a href="graph_chartjs.html">Chart.js</a></li>
                      <li><a href="graph_peity.html">Peity Charts</a></li>
                      <li><a href="graph_sparkline.html">Sparkline Charts</a></li>
                  </ul>
              </li>
              <li>
                  <a href="#"><i class="fa fa-desktop"></i> <span class="nav-label">App Views</span>  <span class="pull-right label label-primary">SPECIAL</span></a>
                  <ul class="nav nav-second-level">
                      <li><a href="contacts.html">Contacts</a></li>
                      <li><a href="profile.html">Profile</a></li>
                      <li><a href="projects.html">Projects</a></li>
                      <li><a href="project_detail.html">Project detail</a></li>
                      <li><a href="teams_board.html">Teams board</a></li>
                      <li><a href="clients.html">Clients</a></li>
                      <li><a href="full_height.html">Outlook view</a></li>
                      <li><a href="file_manager.html">File manager</a></li>
                      <li><a href="calendar.html">Calendar</a></li>
                      <li><a href="issue_tracker.html">Issue tracker</a></li>
                      <li><a href="blog.html">Blog</a></li>
                      <li><a href="article.html">Article</a></li>
                      <li><a href="faq.html">FAQ</a></li>
                      <li><a href="timeline.html">Timeline</a></li>
                      <li><a href="pin_board.html">Pin board</a></li>
                  </ul>
              </li>
              <li>
                  <a href="#"><i class="fa fa-files-o"></i> <span class="nav-label">Other Pages</span><span class="fa arrow"></span></a>
                  <ul class="nav nav-second-level">
                      <li><a href="search_results.html">Search results</a></li>
                      <li><a href="lockscreen.html">Lockscreen</a></li>
                      <li><a href="invoice.html">Invoice</a></li>
                      <li><a href="login.html">Login</a></li>
                      <li><a href="login_two_columns.html">Login v.2</a></li>
                      <li><a href="forgot_password.html">Forget password</a></li>
                      <li><a href="register.html">Register</a></li>
                      <li><a href="404.html">404 Page</a></li>
                      <li><a href="500.html">500 Page</a></li>
                      <li><a href="empty_page.html">Empty page</a></li>
                  </ul>
              </li>
              <li class="active">
                  <a href="#"><i class="fa fa-globe"></i> <span class="nav-label">Miscellaneous</span><span class="label label-info pull-right">NEW</span></a>
                  <ul class="nav nav-second-level">
                      <li><a href="toastr_notifications.html">Notification</a></li>
                      <li><a href="nestable_list.html">Nestable list</a></li>
                      <li><a href="agile_board.html">Agile board</a></li>
                      <li><a href="timeline_2.html">Timeline v.2</a></li>
                      <li><a href="diff.html">Diff</a></li>
                      <li><a href="idle_timer.html">Idle timer</a></li>
                      <li><a href="spinners.html">Spinners</a></li>
                      <li><a href="tinycon.html">Live favicon</a></li>
                      <li><a href="google_maps.html">Google maps</a></li>
                      <li class="active"><a href="code_editor.html">Code editor</a></li>
                      <li><a href="modal_window.html">Modal window</a></li>
                      <li><a href="forum_main.html">Forum view</a></li>
                      <li><a href="validation.html">Validation</a></li>
                      <li><a href="tree_view.html">Tree view</a></li>
                      <li><a href="chat_view.html">Chat view</a></li>
                  </ul>
              </li>
          </ul>
      </div>
    </nav>
</template>
<script>

import '../../../../static/js/plugins/metisMenu/jquery.metisMenu.js'
import '../../../../static/js/plugins/slimscroll/jquery.slimscroll.js'
import '../../../../static/js/inspinia.js'
export default {
  created () {

    // MetsiMenu
    $('#side-menu').metisMenu();

    this.qwe()

  },
  methods: {
    qwe () {




    }
  }


}
</script>